<script setup>
// provide和inject
// - 当前组件提供数据, 所有子孙组件都可以使用
// - 不止能提供数据, 还能提供方法

import { ref, provide } from 'vue';
import Son from './components/Son.vue';

// 有一个传家宝
const treasure = ref('传家宝')
// provide(数据的名字,数据)
provide('treasure', treasure)

// 爷爷的钱能让所有的子孙后辈消费
const money = ref(100)
const costMoney = (costMoneyCount) => {
  money.value -= costMoneyCount
}
provide('costMoney', costMoney)

</script>
<template>
  <div style="border:10px solid #333">
    <h1>当前组件</h1>
    <span>当前的钱: {{ money }}</span>
    <Son />
  </div>
</template>

